<template>
	<div class="abs-page">
		<Head navTitle="推广奖励" />
		<div class="page-container ">
			<div class="rew-grid">
				<div class="ext-progress">
					<div class="text">1级线下数</div>
					<div class="ext-progress-bar">
						<el-progress :stroke-width="14" :percentage="16"></el-progress>
					</div>
					<div class="ext-foot flex-center flex-zBetween">
						<div class="text">当前累计进度</div>
						<div class="avl">3/40</div>
					</div>
				</div>
			</div>
			<div class="m-wrapper">
				<div class="ext-list">
					<div class="ext-list-card flex-center" v-for="(item,index) in 6" :key="item">
						<div class="ext-num">{{index+1}}</div>
						<div class="flex_bd">
							<div class="item">累积会员 40</div>
							<div class="item-sm">成功推广 40 有效会员，奖励600.00</div>
						</div>
						<el-button size="small" @click="goUrl('/promoCode')" type="success">去推广</el-button>
						<!-- <el-button size="small" class="pover" type="success">已领取</el-button> -->
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	// @ is an alias to /src
	import Head from '@/components/Head.vue'
	export default {
		name: 'Home',
		components: {
			Head
		},
		data() {
			return {};
		},
		methods: {
			goUrl(url){
				this.$router.push(url);
			}
		}
	}
</script>
